/*   ------------------------------------------------------------  */
/*   ************************************************************  */
/*   * Graphics and xhtml/css code                              *  */
/*   * Copyright (c) 2007, Ondrej Pohorsky  All rights reserved *  */
/*   *                                                          *  */
/*   * author: Ondrej Pohorsky                                  *  */
/*   * url:    http://www.poho.cz                               *  */
/*   * mail:   poho@poho.cz                                     *  */
/*   * icq:    190484844                                        *  */
/*   *                                                          *  */
/*   * This work is under BSD license                           *  */
/*   ************************************************************  */
/*   ------------------------------------------------------------  */

/*
------------------------- General 
*/
* {padding:0; margin:0; font-size:100%;}
html, body {height:100%; }
.cleaner {clear:both; height:1px; font-size:1px; line-height:1px;}
.hidden {display:none}
.noborder {border:none !important;}

/*
------------------------- Typography
*/
.grey {color:#999;}
.red {color:#c00;}
.green {color:#0c0;}
.blue {color:#06c;}

* { font-family: Tahoma,"Lucida Grande CE",lucida,sans-serif;}
#witti {font-size:80%;}

#header, #footer, #header a, #footer a {color:#fff;}
#header a:hover {color:#ccc;}
#header a:hover, #footer a:hover {text-decoration:none;}
#menu ul li a {font-weight:bold; color:#fff; text-decoration:none;}
#menu ul li ul li a {font-weight:normal;}

#content h1 {font-size:120%; color:#212224;}
#content h2 {font-size:150%; color:#75bbdd;}
#content p {line-height:1.5em;}
#content blockquote {font-style:italic; color:#666;}
#content a {color:#06c;}
#content a:hover {text-decoration:none;}
#content .left em, #content .right em, #content .center em {text-align:center; color:#999;}
#content table#list th, #content table.info th {color:#666;}
#content fieldset legend {font-weight:bold;}
#content .error {color:#d1481a;}
#content .succes {color:#669900;}
#content .question {color:#399ece;}
#content input { height: 22px; }
/*
------------------------- Witti
*/
#witti {position:relative; width:100%; /*   width of system */ height:100%; min-height:100%; margin:0 auto; ba}
body>#witti {height:auto;}

/*
------------------------- Header
*/
#header {width:100%; height:32px;
}
#header .logo, #header .userinfo {display:inline; margin:0 20px}
#header .logo {width:103px; height:27px; float:left; margin-top:25px; background:url('../img/logo.gif') top left no-repeat;}
#header .logo span {display:none;}
#header .userinfo {float:right; margin-top:6px;}

/*
------------------------- Main
*/
#main {padding-bottom:20px;}

/*
------------------------- Menu
*/
#menu {width:192px; float:left; margin-right:20px; background:url('../img/menu_top.jpg') top left no-repeat;}
#menu ul {margin-top:8px; list-style-type:none;}

#menu ul li ul {width:173px; margin-top:0; margin-left:19px;}
#menu ul li {margin-bottom:1px;}
#menu ul li ul {margin-top:1px;}
#menu ul li a {display:block; height:20px; padding-top:5px; padding-left:20px; background:url('../img/menu_button.jpg') top left repeat-y;}
#menu ul li a:hover, #menu ul li a.active {background:url('../img/menu_button_active.jpg') top left repeat-y;}
#menu ul li li a {background:url('../img/menu_subbutton.jpg') top left repeat-y;}
#menu ul li li a:hover, #menu ul li li a.active {background:url('../img/menu_subbutton_active.jpg') top left repeat-y;}

/*
------------------------- Content
*/

#content h2, #content p, #content .center, #content blockquote, #content ul, #content ol, #content table, 
#content form, #content fieldset, #content .error, #content .succes, #content .question, #content .halfes {margin-bottom:16px;}
#content blockquote {padding:16px; margin-left:20px; border-left:4px solid #e5e5e5;}
#content .important {padding:16px; padding-bottom:0; border:1px dashed #399ece; background-color:#f3f9fc;}
#content .print {position:absolute; top:99px; right:19px; width:20px; height:20px; background:url('../img/print.gif') top left no-repeat;}
#content .print a {display:block; width:100%; height:100%;}
#content .print em {display:none;}

/* Pictures floating on left, right and center */
#content img {padding:0px; margin-top:0px; border:0px solid #ccc;}
#content .left {float:left; margin-right:10px;}
#content .right {float:right; margin-left:10px;}
#content .center {text-align:center;}
#content .left em, #content .right em, #content .center em {display:block; margin-top:5px;}

/* Lists */
#content ul, #content ol {margin-left:20px; list-style-position:inside;}
#content ul {list-style-type:square;}
#content ul li, #content ol li {margin-top:5px;}
#content ul ul {list-style-type:circle;}

/* Tables */
#content table {width:100%; }
#content table#list, #content table.info {border:1px solid #e0e0e0;   border-collapse:separate;}
#content table#list th {border-bottom:1px solid #e0e0e0;}
#content table#list th, #content table.info th {background-color:#f5f5f5; }
#content table#list th {padding:0px 0px; text-align:center;}
 #content table#list td { padding:2px 3px; text-align:center; height: 27px; }

#content table#list th.left, #content table#list td.left {float:none; text-align:left;}
#content table#list tr.even td {background-color:#ecf5fb;}
#content table.info th, #content table.info td {border:1px solid #ccc;}
#content table.info th, #content table.info td {padding:5px 10px; text-align:left;}
#content table.info th.center, #content table.info td.center {text-align:center;}

/* Form */
#content form fieldset {padding:10px 20px; _padding-top:0; border:1px solid #e0e0e0;}
#content form fieldset legend {padding:0 10px; _margin-bottom:10px;}
#content form fieldset input, #content fieldset select {margin-top:3px; margin-bottom:10px;}

#content form fieldset label input {margin-bottom:0;}
#content form p.submit input {padding:0 10px; margin-bottom:0;}

/* Messages */
#content .error, #content .success, #content .question {border-width:1px; border-style:solid; padding:2px 20px 2px 60px; margin-bottom: 2px;}
#content .error {border-color:#d1481a;
background:#f7efc2 url('../img/001_30.png') 5px 0px no-repeat; }
#content .success {border-color:#669900; background:#f9ffec url('../img/succes.gif') center left no-repeat;}
#content .question {border-color:#399ece; background:#f3f9fc url('../img/question.gif') center left no-repeat;}
#content .question input {padding:0 10px;}

/* Halfes */
#content .halfes {width:98%; background:url('../img/separator.gif') top center repeat-y;}
#content .halfes .leftcol {float:left; width:45%; }
#content .halfes .rightcol {float:right; width:45%; }

/* Right column */
#content .right-column {width:98%;}
#content .right-column .rightcol {float:right; width:200px; padding-left:20px; margin-left:20px; background:url('../img/separator.gif') top left repeat-y;}
#content .right-column .leftcol {padding-right:240px;}

/*
------------------------- Foot
*/


